.userData-box {
	width: 100%;
	padding: 30rpx;
	box-sizing: border-box;

	.userData-box-title-desc {
		margin-bottom: 30rpx;
		font-size: 34rpx;
		font-weight: bold;
	}

	.userData-box-title {
		display: flex;
		align-items: center;
		width: 100%;

		.userData-box-title-icon {
			width: 100rpx;
			height: 100rpx;
			margin-right: 30rpx;
		}

		.userData-box-title-text {
			font-size: 28rpx;
			font-weight: bold;

			.text {
				font-size: 24rpx;
				margin-left: 20rpx;
				font-weight: normal;
			}
		}
	}

	.choose-avatar {
		width: 100%;
		border-bottom: 1rpx solid #f2f2f2;
		padding: 10rpx 0;
		box-sizing: border-box;
		display: flex;
		align-items: center;

		.userName-text {
			width: 100%;
			height: 100rpx;
			text-align: center;
		}

		button {
			border: none;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			background-color: rgba(0, 0, 0, 0);

			.userImg-text {
				font-size: 24rpx;
				text-align: center;
			}

			&::after {
				border: none;
			}

			.avater {
				width: 130rpx;
				height: 130rpx;
				border-radius: 30rpx;
				background-color: #f2f2f2;
			}
		}
	}

	.btn-box {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-around;
		margin-top: 20rpx;
	}
}

.bg-color {
	width: 100%;
	height: 708rpx;
	position: fixed;
	z-index: -1;
	opacity: 0.6;
}

.login-title {
	font-weight: 500;
	font-size: 72rpx;
	color: #000000;
	margin: 54rpx 58rpx 26rpx;
}

.login-desc {
	font-weight: 400;
	font-size: 32rpx;
	color: #7c7f84;
	margin-left: 58rpx;
}

.login-box {
	background-color: #fff;
	width: 690rpx;
	margin: 60rpx 30rpx 0;
	border-top-left-radius: 50rpx;
	border-top-right-radius: 50rpx;
	position: relative;
	overflow: hidden;

	.login-data-box {
		width: 100%;
		padding: 0 50rpx;
		box-sizing: border-box;
		position: relative;
		z-index: 1;
		margin-top: 50rpx;

		.login-item {
			width: 590rpx;
			margin-bottom: 48rpx;

			.login-item-title {
				font-weight: 500;
				font-size: 32rpx;
				color: #464646;
				margin-bottom: 24rpx;
			}

			.login-item-input-box {
				width: 100%;
				background: #f5f8ff;
				border-radius: 8rpx;
				height: 96rpx;
				padding: 28rpx 36rpx;
				box-sizing: border-box;
				box-sizing: border-box;
				display: flex;
				align-items: center;
				justify-content: space-between;

				.login-item-input {
					width: 100%;
					height: 100%;
					font-size: 28rpx;
				}

				.placeholder-class {
					font-weight: 400;
					font-size: 28rpx;
					color: #000;
				}

				.login-item-input-code {
					flex: 1;
					font-size: 28rpx;
					border-right: 1rpx solid #d3d7db;
				}

				.login-item-code-btn {
					width: 188rpx;
					font-weight: 400;
					font-size: 28rpx;
					color: #3b75ff;
					text-align: center;
				}
			}
		}
	}
}